<!--
 * @Descripttion: 
 * @Author: jhw
 * @Date: 2023-12-27 17:29:43
 * @LastEditors: jhw
 * @LastEditTime: 2023-12-27 18:03:27
-->
<template>
  <div class="notificationBox">
    <div class="notificationBox__group">
      <h2 class="notificationBox__title">标题</h2>
      <div class="notificationBox__content">
        <p>
          <slot></slot>
        </p>
      </div>
      <el-icon class="notificationBox__closeBtn"><Close /></el-icon>
    </div>
  </div>
</template>

<script setup lang="ts">
import { Close } from '@element-plus/icons-vue';
</script>

<style lang="scss" scoped>
.notificationBox {
  width: var(--el-notification-width);
  padding: var(--el-notification-padding);
  border-radius: var(--el-notification-radius);
}
</style>
